body{font-size: 14px;background-color: #f1f1f1}
.main-page{ margin: 0 auto;color: #333;background-color: #F1F1F1;font-family: 'HiraginoSansGB-W3','Microsoft YaHei','微软雅黑','SimSun','宋体','PingFang SC','STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif;}

.header{position: relative;height:45px;background-color:#FF9B14;background-image:-webkit-linear-gradient(to bottom, #FFC149, #FF9B14); background-image:linear-gradient(to bottom,#FFC149, #FF9B14);}
.header .title{padding: 0 70px;text-align: center;height:45px;line-height: 45px;font-size: 18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color: #fff;}
.header .head-tap{display: block;padding: 0 20px;height:45px;line-height: 45px; color: #fff;font-size: 14px;position: absolute;top:0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.header .tap-right{right: 0}
.header .tap-left{left: 0}
.head-icon{display: inline-block;background: url("../images/header.png") no-repeat;background-size: 16px auto;}
.header .head-left{width: 8px;height: 15px;margin: 15px 0;background-position: -4px -1px}

.content {position: absolute;top:44px;left: 0;right: 0;bottom: 0;width: 100%;overflow-y: auto;word-break: break-all}
.step-wrapper{position: relative;display: -webkit-box;display: -moz-box;display: flex;display:-webkit-flex;overflow: hidden;padding: 35px 0 15px;background-color: #fff5e1;color: #999;font-size: 14px}
.step-wrapper:before{content: "";display: block;height: 2px;background-color:#fff;position: absolute;top: 54px;left: 18%;right: 18%;z-index: 1}
.step-wrapper>div{-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;-webkit-flex-grow:1;flex-grow:1;width: 0;text-align: center}
.step-wrapper .text{display: block;margin-top: 10px}
.step-wrapper .active{color:#ff9c15 }
.step-wrapper .no{display: inline-block;width: 40px;height: 40px;-webkit-border-radius: 50%;border-radius: 50%;;text-align: center;line-height: 40px;background-color: #fff;position: relative;z-index: 3}

.section{margin: 10px 10px 0;padding: 20px;background-color: #fff; -webkit-border-radius: 5px;border-radius: 5px;}
.load-img .title{position: relative;font-size: 16px;text-align: center;color: #ff9c15;margin-bottom: 20px}
.load-img .title:before{content: "";display: block;height: 1px;background-color:#ff9c15;position: absolute;top: 50%;left: 0;right: 0;z-index: 1}
.load-img .title .text{background-color: #fff;display: inline-block;padding: 0 15px;position: relative;z-index: 2}
.load-img .img-wrapper{height: 0;padding-top: 61%;overflow: hidden;background:#eee;position: relative }
.load-img .img-wrapper.zhiZhao{padding-top: 80%;}
.load-img .img-wrapper img{max-width: 100%;max-height: 100%;position: absolute;top: 50%;left: 50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.section .btn-wrapper{margin: 40px 0;text-align: center}
.load-img .btn-wrapper .fileLoad{padding: 10px 30px;font-size: 16px;color:#ffb96e;-webkit-border-radius: 5px;border-radius: 5px;border: 1px solid #ffb96e;background: transparent;outline: none}
.load-img .remark{font-size: 14px;color:#999;line-height: 1.54}

.input-text{height: 45px;line-height: 45px;font-size: 14px;overflow: hidden;border-bottom: 1px solid #dbdbdb}
.input-text.select{height: auto}
.input-text .right{float: left;width: 70%}
.input-text label{float: left;display: block;width: 30%;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;color: #dbdbdb}
.input-text .input-height{float: left;display: block;height: 45px;width:70%;border: 0;outline: none;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.submit{width: 100%;height: 50px;line-height:50px;font-size: 16px;color:#fff;background-color:#FF9B14;background-image:-webkit-linear-gradient(to bottom, #FFC149, #FF9B14); background-image:linear-gradient(to bottom,#FFC149, #FF9B14);
    -webkit-border-radius: 5px;border-radius: 5px;border: 0px;outline: none}
.input-text .right>.shopType,.input-text .address{width: 100%}
.input-text .right .select-wrapper{overflow: hidden}
.input-text .right .select-wrapper .shopType{max-width: 33.3333%;float: left}
.input-text .shopType,.input-text .address{border: 0px; height: 45px; line-height: 45px;outline: none}
input::-webkit-input-placeholder {color:#dbdbdb;}
input:-moz-placeholder { color:#dbdbdb;}
input::-moz-placeholder {color:#dbdbdb; }
input:-ms-input-placeholder {color:#dbdbdb; }



